<template>
  <div class="hello">
    <div class="header">
      <input type="text" class="search" />
    </div>
    <div>
      <!--列表 -->
      <div class="bg">
        <div>
          <ul>
            <li></li>

            <li></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Staff from "@/assets/staff.json";

export default {
  name: "HelloWorld",
  data() {
    return {
      list: ""
    };
  },
  methods: {
    getJson() {
      axios.get("@/assets/staff.json").then(res => {
        console.log(res.body);
      });
    }
  },
  mounted() {
    console.log(Staff);
    this.list = Staff;
    console.log(this.list.Staff[1].address);
    console.log(this.list.Staff[1].image);
  }
};
</script>

<style scoped>
.header {
  width: 100%;
  height: 80px;
  background-color: blue;
}
.search {
  float: right;
  margin-right: 105px;
  margin-top: 25px;
  height: 30px;
  width: 400px;
  
}

</style>
